// import React from "react";
import { useNavigate } from "react-router-dom";
import { Button } from 'antd';
// import { Routes, Route, Navigate } from 'react-router-dom';
import styled from "styled-components";

const MainContent = styled.div`
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  /* background-color: #f5f5f5; */
  color: #fafafa;
`;

const NotFound = () => {
    const navigate = useNavigate();
    return (
        <MainContent>
            {/* <h1>404 Not Found</h1> */}
            <h2>抱歉，页面不存在···</h2>
            <Button type="primary" onClick={() => navigate('/sales')}>返回首页</Button>
        </MainContent>
    )
}

export default NotFound;
